<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <!--<meta content="text/html;charset=UTF-8"/>-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<head th:include="include/include"></head>
<script>
</script>
<body>
<div id="wrapper">
    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-color: #a6e1ec">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header" id="navbar_header" >
            <div sec:authorize="hasRole('ROLE_USER')">
                <p>我是超级管理员</p>
            </div>
        </div>
        <!-- Top Menu Items -->
        <ul class="nav navbar-right top-nav">
            <!--<li class="dropdown">-->
                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> <b class="caret"></b></a>-->
                <!--<ul class="dropdown-menu message-dropdown">-->
                    <!--<li class="message-preview">-->
                        <!--<a href="#">-->
                            <!--<div class="media">-->
                                    <!--<span class="pull-left">-->
                                        <!--<img class="media-object" src="http://placehold.it/50x50" alt="" />-->
                                    <!--</span>-->
                                <!--<div class="media-body">-->
                                    <!--<h5 class="media-heading"><strong>John Smith</strong>-->
                                    <!--</h5>-->
                                    <!--<p class="small text-muted"><i class="fa fa-clock-o"></i> Yesterday at 4:32 PM</p>-->
                                    <!--<p>Lorem ipsum dolor sit amet, consectetur...</p>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</a>-->
                    <!--</li>-->
                   <!---->
                    <!--<li class="message-footer">-->
                        <!--<a href="#">Read All New Messages</a>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</li>-->
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <font th:text="${#authentication.name}" style="height:10px;bottom: -20px;"></font> <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#" ><i class="fa fa-fw fa-gear"></i> 修改密码 </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="/logout" ><i class="fa fa-fw fa-power-off"></i>退 出</a>
                    </li>
                </ul>
            </li>
        </ul>
        <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
        <div class="collapse navbar-collapse navbar-ex1-collapse" style="height:40px;">
            <ul class="nav navbar-nav side-nav" id="menu_tree">
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>
    <div id="page-wrapper" style="border-radius:5px 5px 0 0;">
        <div id="tabContainer"></div>
    </div>


</div>
</body>
</html>